<{include "head.html"}>
<body>
<div class="container-fluid">
	<div id="page-login" class="row">
		<div class="col-xs-12 col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
			<div class="text-right hide">
				<a href="page_register.html" class="txt-default">Need an account?</a>
			</div>
			<div class="box">
				<form action="<{u('check_login')}>" method="post" name="login">
					<div class="box-content">
						<div class="text-center">
							<h3 class="page-header">棋牌管理登陆</h3>
						</div>
						<div class="form-group">
							<label class="control-label">用户名</label>
							<input type="text" class="form-control" id="userName" />
						</div>
						<div class="form-group">
							<label class="control-label">密码</label>
							<input type="password" class="form-control" id="passWord" />
						</div>
						<div class="text-center" id="opts">
							<a href="javascript:void(0)" id="btn" class="btn btn-primary">登陆</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script src="http://static.geetest.com/static/tools/gt.js"></script>
<script>
	$.ajax({
		// 获取id，challenge，success（是否启用failback）
		url: "<{U('Admin/Public/StartCaptchaServlet')}>", // 加随机数防止缓存
		type: "get",
		dataType: "json",
		success: function (data) {
			// 使用initGeetest接口
			// 参数1：配置参数
			// 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
			initGeetest({
				gt: data.gt,
				challenge: data.challenge,
				product: "popup", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
				offline: !data.success // 表示用户后台检测极验服务器是否宕机，与SDK配合，用户一般不需要关注
			}, handlerPopup);
		}
	});

	var handlerPopup = function (captchaObj) {
		$("#btn").click(function () {
			var validate = captchaObj.getValidate();
			if (!validate) {
				alert('请先完成验证！');
				return;
			}
			$.ajax({
				url: "<{u(check_login)}>", // 加随机数防止缓存
				type: "post",
				dataType: "json",
				data: {
					// 二次验证所需的三个值
					userName:$('#userName').val(),
					passWord:$('#passWord').val(),
					geetest_challenge: validate.geetest_challenge,
					geetest_validate: validate.geetest_validate,
					geetest_seccode: validate.geetest_seccode,

				},
				success: function (result) {
					if (result.status == 0) {
						layer.msg("登陆成功，正在转入管理后台");
						location.href="<{u('Dev/Index/index')}>";
					} else {
						layer.msg(result.msg);
					}
				}
			});
		});
		// 弹出式需要绑定触发验证码弹出按钮
		captchaObj.bindOn("#btn");
		// 将验证码加到id为captcha的元素里
		captchaObj.appendTo("#opts");
		// 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
	};
</script>
</body>
</html>
